<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>表格</title>
        <style type="text/css">
            h3 { text-align: center ; }
            .tab { border: 1px solid blue ; border-collapse: collapse ; margin: auto ; }
            .tab tr td { border: 1px solid blue ; height: 100px ; width: 200px ; text-align: center ; vertical-align: center ; }
        </style>
    </head>

    <!-- 格式化页面代码可以使用 shift + alt + f 快捷键 -->
    <body>

        <h3>合并单元格 ( 使用 rowspan 属性合并不同行的相邻单元格)</h3>

        <table class="tab">
            <tr>
                <td rowspan="3">hello</td>
                <td>hello</td>
                <td>hello</td>
                <td>hello</td> 
            </tr>
            <tr>
                <!-- <td>21</td> -->
                <td>22</td>
                <td rowspan="2">23</td>
                <td>24</td>
            </tr>
            <tr>
                <!-- <td>31</td> -->
                <td>32</td>
                <!-- <td>33</td> -->
                <td>34</td> <!-- 添加注释快捷键 ctrl + / -->
            </tr>
        </table>

        <p>【简历】使用 table 相关的标签和属性完成一份自己的简历</p>

    </body>

</html>